<template>
    <view class="item" v-for="(value,index) in iconType" :key="index">
        <icon :type="value" size="26"/>
        <text>{{value}}</text>
    </view>
</template>

<script setup>
import { ref } from 'vue'

// 初始值
const iconType = ref(['success'])

// #ifdef APP-PLUS || MP-WEIXIN
iconType.value = ['success', 'success_no_circle', 'info', 'warn', 'waiting', 'cancel', 'download', 'search', 'clear']
// #endif

// #ifdef MP-ALIPAY
iconType.value = ['info', 'warn', 'waiting', 'cancel', 'download', 'search', 'clear', 'success', 'success_no_circle', 'loading']
// #endif

// #ifdef MP-BAIDU
iconType.value = ['success', 'info', 'warn', 'waiting', 'success_no_circle', 'clear', 'search', 'personal', 'setting', 'top', 'close', 'cancel', 'download', 'checkboxSelected', 'radioSelected', 'radioUnselect']
// #endif
</script>

<style lang="scss" scoped>
.item {
  display: flex;
  align-items: center;
  padding: 24rpx 30rpx;
  border-bottom: 2rpx solid #e5e5e5;
  background: #fff;
  icon {
    margin-right: 20rpx;
  }
  text {
    font-size: 30rpx;
    color: #333;
  }
}
</style>
